<template>
    <div class="box">
        <public-head :title="title" :hasSearch="hasSearch"></public-head>
        <van-tabs  v-model="active" color = "#198AFF" line-width="20px"
            title-active-color = "#198AFF" title-inactive-color="#999"
            >
            <van-tab title="未完成">
                <div class="content">
                    <div class="c_info">
                        <div @click="details()"><img src="../../../assets/images/portrait.png" alt=""></div>
                        <div class="describe">
                            <p>创办你的企业</p>
                            <p>这是买哦阿叔麻椒呼呼大睡都会厚度和大户素很多事</p>
                            <p>2021.04.22</p>
                        </div>
                    </div>
                </div>
            </van-tab>
            <van-tab title="已完成">
                <div class="content">
                    <div class="c_info">
                        <div><img src="../../../assets/images/portrait.png" alt=""></div>
                        <div class="describe">
                            <p>创办你的企业</p>
                            <p>这 sdfghjfghjjh和大户素很多事</p>
                            <p>2021.04.22</p>
                        </div>
                    </div>
                </div>
            </van-tab>
        </van-tabs>
    </div>
</template>
<script>
import PublicHead from '../../../components/PublicHead'
export default {
    name:"peixun",
    components:{
        PublicHead
    },
    data() {
        return {
            active:0,
            title:"我的培训",
            hasSearch:true

        }
    },
    methods: {
        details(){
            this.$router.push({path:"/particulars"})
        }
    },
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
    .box{
        height 100vh
        .content{
            width 345px
            margin 10px 0 0 15px
            background-color #fff
            border-radius 5px
            .c_info{
                display flex
                justify-content flex-start
                img{
                    width 80px
                    height 80px
                    margin 15px 10px
                }
                .describe{
                    width 235px
                    margin-top 15px
                    p:nth-child(1){
                        color #333333
                        font-size 15.5px
                    }
                    p:nth-child(2){
                        color #666
                        font-size 14px
                        margin 8px 0
                        line-height 16px
                    }
                    p:nth-child(3){
                        color #999
                        font-size 13.5px
                    }

                }
            }
        }
    }
</style>